<template>
  <DatePicker v-model="date" :date-class="dateClass" />
</template>

<script setup>
import { ref } from 'vue';
import { DatePicker } from 'uiv';

const date = ref(null);

function dateClass(d) {
  return d.getDay() === 0 ? 'btn-sunday' : '';
}
</script>

<style lang="less">
.uiv .btn-sunday.btn-default,
.uiv .btn-sunday.btn-primary {
  background-color: #46bd87;
  color: #fff;
  border-radius: 0;
  opacity: 0.7;
  outline: 0 !important;

  &:hover,
  &:focus,
  &:active {
    background-color: #46bd87 !important;
    opacity: 1;
  }
}
</style>
